var mixedMode = {
		name: "htmlmixed",
		scriptTypes: [{matches: /\/x-handlebars-template|\/x-mustache/i,
			mode: null},
			{matches: /(text|application)\/(x-)?vb(a|script)/i,
				mode: "vbscript"}]
};
var editor = CodeMirror.fromTextArea(document.getElementById("htmlText"), {
	mode: mixedMode,
	selectionPointer: true,
	lineNumbers: true,
	matchBrackets: true,
	indentUnit: 4,
	indentWithTabs: true
});

window.addEventListener("resize", autodivheight);

var x = 0;
function autodivheight(){
	var winHeight=0;
	if (window.innerHeight) {
		winHeight = window.innerHeight;
	} else if ((document.body) && (document.body.clientHeight)) {
		winHeight = document.body.clientHeight;
	}
	//通过深入Document内部对body进行检测，获取浏览器窗口高度
	if (document.documentElement && document.documentElement.clientHeight) {
		winHeight = document.documentElement.clientHeight;
	}
	height = winHeight*0.68
	editor.setSize('100%', height);
	document.getElementById("iframeResult").style.height= height +"px";
}
function resetCode() {
	Tip.confirm("确认是否覆盖原内容", function(){
		var initCode = '<!DOCTYPE html><html><head><meta http-equiv="Content-Type" content="text/html; charset=UTF-8"><title>title</title><style type="text/css">span {margin-left:-5px;} .content { width: 685px; line-height:25px; letter-spacing:0.6px; font-family: 华文楷体; } .content p { text-indent:35.0px; }</style></head><body><div class="content"><p style="text-align:center;font-size:16.0pt;">代扣服务授权书</p><p>本人同意并授权深圳即有分期信息科技有限公司及通过深圳即有分期信息科技有限公司运营的即有钱包APP互联网平台（包括但不限于网站、移动客户端、微信客户端以及深圳即有分期信息科技有限公司不时以公告形式发布的新的网址、客户端等）为本人提供消费分期服务的主体【包括但不限于深圳前海达飞金融服务有限公司深圳风豹互联网科技有限公司（下称“即有分期”）及其指定合作方或贷款人】（以下统称为“有权发起代扣的主体”）在本人对其负有应付款项时通过向银行或第三方支付机构（简称“第三方机构”）发出扣划指令的方式，从本人此次绑定的银行账户中扣划约定的款项用于偿还本人的欠款。</p><p>本人姓名：${data[0].customerName}</p><p>身份证号：${data[0].customerIdcard}</p><p>账户名：${data[0].customerName}</p><p>账号：${data[0].bankAccountNo}</p><p>开户行信息：${data[0].bankName}</p><br><p>本授权书经本人点击确认后生效。</p><p>特此授权！</p><br><p style="text-align:right;margin-top:7.0pt;margin-right: 50pt;">客户签章：</p><p style="text-align:right;margin-top:7.0pt;margin-right: 30pt;">${signDate}</p></div></body></html>'; 
		editor.getDoc().setValue(initCode);
		submitTryit();
	});
}

function submitTryit() {
	var text = editor.getValue();
	var ifr = document.createElement("iframe");
	ifr.setAttribute("frameborder", "0");
	ifr.setAttribute("id", "iframeResult");  
	document.getElementById("iframewrapper").innerHTML = "";
	document.getElementById("iframewrapper").appendChild(ifr);
	var ifrw = (ifr.contentWindow) ? ifr.contentWindow : (ifr.contentDocument.document) ? ifr.contentDocument.document : ifr.contentDocument;
	ifrw.document.open();
	ifrw.document.write(text);  
	ifrw.document.close();
	var initCode = style_html(text, "", " ", 100);
	editor.getDoc().setValue(initCode);
	autodivheight();
}
//Unicode 转换 Native
//function unicode2Native(code) { 
//var arryCode = code.match(/&#(\d+);/g);
//if (arryCode == null) { 
//return code; 
//}
//var text = '';
//for (var i=0; i<arryCode.length; i++)
//text = text + String.fromCharCode(arryCode[i].replace(/[&#;]/g, ''));
//}
//return text; 
//}
//var signData = {};
//function saveData(index, field, value) {
//	var data = signData[index]==undefined?{}:signData[index];
//	data[field] = value;
//	signData[index] = data;
//	$("#signTables").bootstrapTable('updateCell', {
//		index: index,       //行索引
//		field: "id",       //列名
//		value: index        //cell值
//	});
//}
function delData(index,id) {
	$("#signTables").bootstrapTable('remove', {
		index: index,
		field: "id",
		values: [parseInt(id)]
	});
}
function addSignData(data) {
	var index = $("#signTables").bootstrapTable('getData').length;
	$("#signTables").bootstrapTable('insertRow', { index: index,
		row: {
			id: index+1,
			signId: data.signId,
			signText: data.signText,
			pageNum: data.pageNum,
			rectangle: data.rectangle,
			fieldName: data.fieldName,
			reason: data.reason,
			location: data.location
		}
	});
}
function getSignJsonList() {
	var signJson = JSON.parse($("#signJson").val());
	var signJsonList = [];
	if(signJson){
		for(var i=0;i<signJson.length;i++){
			signJson[i].id=i+1;
			signJsonList.push(signJson[i]);
		}
	}
	return signJsonList;
}
$(function(){
	submitTryit();
	autodivheight();
	layui.use(['element', 'layer'], function(){
		var element = layui.element;
		var layer = layui.layer;
		element.on('collapse(test)', function(data){
		});
	});
	layui.use('upload', function() {
		var $ = layui.jquery, upload = layui.upload;
		upload.render({
			elem : '#inputCode',
			url : Base.ctxPath + Edit.modelPath+'/uploadFile',
			auto : true,
			size : 10240, //限制文件大小，单位 KB
			//multiple: true
			//bindAction : '#test9',
			accept : 'file', //普通文件
			exts : 'html|htm|doc|docx', //只允许上传压缩文件
			done : function(res) {
				if(res){
					if(res.success){
						Tip.confirm("解析成功,确认是否覆盖原内容", function(){
							editor.getDoc().setValue(res.content);
							submitTryit();
						});
					}else{
						Tip.error("操作失败!" + res.message + "!");
					}
				}else{
					Tip.error("操作失败!");
				}
			}
		});
		upload.render({
			elem : '#inputFile',
			url : Base.ctxPath + Edit.modelPath+'/uploadFastdfs',
			auto : true,
			size : 10240, //限制文件大小，单位 KB
			//multiple: true
			//bindAction : '#test9',
			accept : 'file', //普通文件
			exts : 'pdf|doc|docx', //只允许上传压缩文件
			done : function(res) {
				if(res){
					if(res.success){
						Tip.confirm("解析成功,确认是否覆盖原内容", function(){
							$("#fastUrl").val(res.content)
							$("#fastPath").attr("href",res.fastPath)
							//		return "<a href='"+row.fastUrl+"' target='_blank'>"+value+"</a>";
						});
					}else{
						Tip.error("操作失败!" + res.message + "!");
					}
				}else{
					Tip.error("操作失败!");
				}
			}
		});
	});
	
	$("#signTables").bootstrapTable({
		data: getSignJsonList(),//$signTempJson.val(),
		toolbar: '#toolbar',
		striped : true, //是否显示行间隔色
		columns: [
		          {
		        	  title: 'id', 
					  field: 'id', 
					  visible: false
				  },
		          {
					  field: 'signId',
					  title: 'signId', 
					  visible: false
		          }, 
		          {
					  field: 'signText',
					  title: '签名信息'
		          }, 
		          
		          {
		        	  field: 'pageNum',
		        	  title: '签名页'
		          }, 
		          {
		        	  field: 'rectangle',
		        	  title: '坐标'
		          }, 
		          {
		        	  field: 'fieldName',
		        	  title: '文本域名称'
		          }, 
		          {
		        	  field: 'reason',
		        	  title: '原因'
		          }, 
		          {
		        	  field: 'location',
		        	  title: '位置描述'
		          },
		          {
		        	  field: 'opt',
		        	  title: '操作',
		        	  formatter: function (value, row, index) {
		        		  return "<a title='删除' class='btn btn-danger btn-xs opt-delete'><i class='fa fa-fw fa-trash'></i> </a>";
		        	  },
		        	  events: {
		        		  'click .opt-delete': function (e, value, row, index) {
		        			  delData(index,row.id)
		        			  return false;
		        		  }
		        	  }
		          }]
	});
	$(".fixed-table-loading").hide();
})
